﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="GoToBorrow.aspx.cs" Inherits="Family_GoToBorrow" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="renderer" content="webkit">
    <title>我家的书库</title>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../css/simplePagination.css">
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap.js"></script>
    <script type="text/javascript" src="../js/respond.min.js"></script>
    <script type="text/javascript" src="../js/jquery.simplePagination.js"></script>
    <script type="text/javascript" src="../js/jquery.validate.js"></script>
    <script type="text/javascript" src="../js/js.cookie.js"></script>
    <script type="text/javascript" src="../js/pages/goto-borrow.js"></script>
    <script type="text/javascript" src="../js/pages/common.js"></script>
    <style type="text/css">
        .warning
        {
            color: red;
        }
    </style>
</head>
<body>
    <!--#include file="partials/Navbar.htm" -->
    <div class="container" style="">
        <input type="hidden" name="pageTag" value="goToBorrow" />
        <div data-example-id="togglable-tabs">
            <ul id="findBookTabs" class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#browse-by-category" role="tab" data-toggle="tab"
                    aria-controls="home" aria-expanded="true">按分类查看</a></li>
                <li role="presentation" class=""><a href="#search-by-name" role="tab" data-toggle="tab"
                    aria-controls="profile" aria-expanded="false">按书名搜索</a></li>
            </ul>
            <div id="myTabContent" class="tab-content">
                <div role="tabpanel" class="tab-pane fade active in" id="browse-by-category" aria-labelledby="home-tab">
                        <div id="category-list" class="col-md-12" style="margin-bttom:10px;">
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-body">
                                <div id="category-book-list">
                                </div>
                            </div>
                            <div class="panel-footer">
                                <div id="category-pagination"></div>
                                <!--<nav style="text-align: right"><ul class="pagination pagination-sm" id="category-book-list-pagination" style="margin-top: 0px; margin-bottom: 0px;"></ul></nav>-->
                            </div>
                        </div>
                </div>
                <div role="tabpanel" class="tab-pane fade" id="search-by-name" aria-labelledby="profile-tab">
                    <div class="panel-body">
                        <form id="search-form">
                        <div class="input-group col-md-3">
                            <input type="text" class="form-control" placeholder="书名" name="bookName" id="book-name">
                            <span class="input-group-btn"><a class="btn btn-default" type="button" id="search-btn">
                                搜索</a> </span>
                        </div>
                        <div class="error"></div>
                        <!-- /input-group -->
                        </form>
                        <div class="panel panel-default">
                            <div class="panel-body">
                                <div id="search-book-list">
                                </div>
                            </div>
                            <div class="panel-footer">
                                <div id="name-pagination"></div>
                                <!--<nav style="text-align: right"><ul class="pagination pagination-sm" id="search-book-list-pagination" style="margin-top: 0px; margin-bottom: 0px;"></ul></nav>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--#include file="partials/Footer.htm" -->
    <!--#include file="partials/ConfirmDialogModal.htm" -->
    <!--#include file="partials/DialogModal.htm" -->
</body>
</html>
